//引入 useRoutes Hook，实现路由管理。
import { BrowserRouter,useRoutes } from 'react-router-dom';
//获取所有路由
import routes from '~react-pages';




const App = () => 
{
    const Routers = () =>
    {
        return useRoutes(routes);
        {/**
            1.路由配置：我们在 routes 数组中定义了路由配置。每个配置项包含 path（路径）和 element（要渲染的组件）。
            2.useRoutes：将 routes 配置传递给 useRoutes Hook，返回的 element 代表匹配当前 URL 路径的组件。
            3.返回的组件：useRoutes 会自动渲染与当前路径匹配的组件。例如，如果用户访问 /about，那么会渲染 <About /> 组件。 
        */}
    }
    return (
        <>
        <BrowserRouter>
            <Routers />
        </BrowserRouter>
        </>
    )
}

export default App;
